.box {
	width: 100%;
	height: 100%;
	font-size: 28rpx;
	.rock_box {
		.bg {
			top: 0;
			right: 0;
			left: 0;
			bottom: 0;
			width: 100%;
			height: 105vh;
			z-index: -1;
		}
		.title {
			width: 580rpx;
			height: 160rpx;
			padding: 40rpx 0 20rpx  0;
		}
		.my {
			.myscore {
				font-size: 24rpx;
				color: rgba(255,255,255,0.7);
				padding: 10rpx;
				border-radius: 16rpx;
				top: 4rpx;
				background-color: #fb9f03;
				margin: 0 0 40rpx 0;
				border: solid #999 1px;
			}
			.rule {
				top: -3px;
				right: 0;
				width: 122rpx;
				height: 52rpx;
				background: rgba(#fff,0.25);
				color: #fff;
				opacity: 0.9;
				border-radius: 46rpx 0 0 46rpx;
				font-size: 24rpx;
				text-align: right;
				display: flex;
				justify-content: flex-end;
				align-items: center;
				.name {
					transform: translateX(-6rpx);
				}
			}
			.yellow {
				width: 200rpx;
				height: 80rpx;
			}
		}
		.circle {
			margin: -20rpx 0 0 0;
			width: 580rpx;
			height: 580rpx;
			 z-index: 1;
		}
		.red {
			transform: rotate(7deg);
			top: 52rpx;
			right: 150rpx;
			z-index: 2;
			width: 400rpx;
			height: 400rpx;
		}
		// 更多推荐
		.title_more {
			font-size: 32rpx;
			letter-spacing: 6rpx;
			color: #fcfcfc;
			text-align: center;
			margin: 30rpx 0 30rpx 0;
		}
		.more {
			.more_box {
				width: 620rpx;
				height: 208rpx;
				background: #fad3c6;
				border-radius: 16rpx;
				padding: 40rpx 40rpx 20rpx 40rpx;
				.title_card {
					color: #c50b05;
					letter-spacing: 6rpx;
					font-size: 32rpx;
					font-weight: bold;
				}
				.label {
					color: #c50b05;
					font-size: 24rpx;
					padding: 10rpx 0 30rpx 0;
				}
				.go {
					width: 164rpx;
					height: 40rpx;
					background: #f05a25;
					border-radius: 40rpx;
					text-align: center;
					.name {
						color: #fff;
						letter-spacing: 4rpx;
						font-size: 18rpx;
					}
					&::after {
						content: '';
						margin: 7rpx 0 0 10rpx;
						width: 10rpx;
						height: 10rpx;
						border-top: 2rpx solid #fff;
						border-right: 2rpx solid #fff;
						transform: rotate(45deg);
					}
			}
				image {
					width: 184rpx;
					height: 170rpx;
				}
				
			}
		}
	}
	// 未中奖
	.no_prize {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(#000,0.8);
		z-index: 10;
		.box {
			padding: 400rpx 0 0 0;
			.card {
				image {
					width: 560rpx;
					height: 234rpx;
				}
			}
			.btn {
				padding-top: 40rpx;
				.goTo {
					width: 165rpx;
					height: 64rpx;
					background: linear-gradient(0deg,#fcdb27 0%, #fbe469 100%);
					border-radius: 64rpx;
					font-size: 24rpx;
					color: #7f4e03;
					// transform: translateX(-15rpx);
				}
				.share {
					width: 165rpx;
					height: 64rpx;
					background: linear-gradient(0deg,#ffef95 0%, #ffffff 100%);
					transform: translateX(25rpx);
					border-radius: 64rpx;
				}
			}
		}
	}
	// 中奖
	.prize {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(#000,0.8);
		z-index: 10;
		.box {
			padding: 350rpx 0 0 0;
			.card {
				image {
					width: 647rpx;
					height: 274rpx;
				}
				.score {
					top: 115rpx;
					left: 258rpx;
					font-size: 60rpx;
					color: #cc0000;
				}
			}
			.btn {
				padding-top: 20rpx;
				.goTo {
					width: 165rpx;
					height: 64rpx;
					background: linear-gradient(0deg,#fcdb27 0%, #fbe469 100%);
					border-radius: 64rpx;
					font-size: 24rpx;
					color: #7f4e03;
					transform: translateX(-15rpx);
				}
				.share {
					width: 165rpx;
					height: 64rpx;
					background: linear-gradient(0deg,#ffef95 0%, #ffffff 100%);
					transform: translateX(25rpx);
					border-radius: 64rpx;
				}
			}
		}
	}
}

// 积分任务完成弹窗
	.finish_box {
		height: 100vh;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(#000,0.7);
		z-index: 999;
		.card {
			background: #fff;
			border-radius: 16rpx;
			left: 10%;
			right: 10%;
			top: 40%;
			.name {
				padding: 40rpx 0  20rpx 0;
				font-size: 34rpx;
				font-weight: 600;
				color: #333;
			}
			.text {
				color: #999;
				padding-bottom: 40rpx;
			}
			.btn {
				border-top: 1px solid #999;
				font-size: 35rpx;
				padding-top: 10rpx;
				padding-bottom: 20rpx;
					&:after{
						content: '';
						position: absolute;
						bottom: 14%;
						left: 45%;
						width: 12%;
						height: 1px;
						background-color: #999;
						transform: rotate(90deg);
					}
				.cancel {
					
				}
				.finally {
					color: #e73639;
				}
			}
		}
	}